Search for notes by fellow students, in your own course and all over the country.
Browse our notes for titles which look like what you need, you can preview any of the notes via a sample of the contents. After you're happy these are the notes you're after simply pop them into your shopping cart.
Description: It gives full understanding of html language in faster nd easy method.
Document Preview
Extracts from the notes are below, to see the PDF you'll receive please use the links above
HTML FOR BEGINNERS
What is HTML?
HTML stands for Hyper Text Markup Language
...
HTML describes the structure of Web pages using markup
...
HTML tags normally come in pairs like
and
...
The end tag is written like the start tag but with a forward slash inserted before the
tag name
...
Types of Tags
There are two types of tags
...
Paired Tags: a Tag is said to be paired tag if it is along with a companion tag and is
placed on the sides of the text
...
The tag
along its companion tag causes the text contain between them to be rendered
in bold
...
2
...
It does not
have any companion tag with it
...
This
tag does not require any companion tag with it
...
The browser does not display the HTML tags, but uses them to determine
how to display the document
...
Identifies the document as written in HTML
...
The head provides information about the document
...
A descriptive title is required
...
The body contains the content that displays in the browser
...
It must only appear once, at the top of the page (before any
HTML tags)
...
it is an instruction to the web
browser about what version of HTML the page is written in
...
The declaration for HTML5 is:
HTML Versions
Since the early days of the web, there have been many versions of HTML
...
0
1995
HTML 3
...
01
1999
XHTML
2000
HTML5
2014
HTML5
...
2
2017
COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY
PAGE 2 OF 47
HTML FOR BEGINNERS
Structure of HTML Element
...
However, for learning HTML we
recommend a simple text editor like Notepad (PC) or TextEdit (Mac)
...
...
HTML File Extension?
When you save an HTML file, you can use either the
...
html file extension
...
HTML Headings
HTML headings are defined with the
to tags
...
Don't use headings to make text BIG or bold
...
H1 headings should be used as main headings, followed by H2 headings, then the less
important H3 headings and so on
...
...
Don't use headings to make text BIG or bold
...
H1 headings should be used as main headings, followed by H2 headings, then the less
important H3 headings and so on
...
This is a paragraph
...
This is a paragraph
...
Attributes provide additional information about an element
...
Attributes usually come in name/value pairs like: name="value"
HTML Links
Links are found in nearly all Web pages
...
A hyperlink (or link) is a word, group of words or image that you can click on to jump
to a new document or a new section within the current document
...
Links are specified in
HTML using the Anchor tag
...
The tag can be used in two ways
...
ccit
...
in">Visit CCIT website
COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY
PAGE 4 OF 47
HTML FOR BEGINNERS
HTML Links Target Attribute
The target attribute specifies where to open the linked document
...
...
1
...
3
...
1
This is sub topic
...
2
This is sub topic
...
4
COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY
PAGE 5 OF 47
HTML FOR BEGINNERS
...
3
This is sub topic
...
2
This is sub topic
...
4
COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY
PAGE 6 OF 47
HTML FOR BEGINNERS
HTML Images Alt & Align Attribute
The required alt attribute specifies an alternate text for an image, if the image cannot be
displayed
...
The align attribute
specifies the alignment of an image
...
gif" alt="Big Boat" align="right" />
The alt attribute provides alternative information for an image if a user for some reason
cannot view it (because of slow connection an error in the src attribute)
...
The
attribute values are specified in pixels by default
...
jpg" alt="Pulpit rock" width="304" height="228"
/>
Images on another Server
Some web sites store their images on image servers
...
...
com/url?sa=i&source=images&cd=&ved=2ahUKEw
i9y53sxLrgAhVKeH0KHaV4Dl0QjRx6BAgBEAU&url=https%3A%2F%2Fwww
...
com%2Fcity-health-benefitsnature&psig=AOvVaw1RBErZag_k3LTCSStOx7-M&ust=1550210089575152"
alt="Nature">
The Title Attribute
Here a title attribute is added to the
element
...
This is a paragraph
...
The hr element can be used
to separate content
...
You can add
comments to your HTML source by using the following syntax:
Notice that there is an exclamation point (!) in the opening tag, but not in the closing tag
...
With comments you can place notifications and reminders in your HTML
...
COLLEGE OF COMPUTER AND INFORMATION TECHNOLOGY
PAGE 8 OF 47
HTML FOR BEGINNERS
This is
a para
graph with line breaks
HTML Formatting Elements
HTML uses tags like and for formatting output like bold or italic text
...
Formatting elements
were designed to display special types of text
...
The text inside a
element is
displayed in a fixed-width font (usually Courier), and it preserves both spaces and line
breaks
...
It preserves
both spaces
and line breaks
...
Browsers usually insert quotation marks
around theelement
...